<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>用户管理</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="generator" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
  <style>
    #backgroundPopup
    {
      display: none;
      position: fixed;
      _position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background: #cccccc;
      border: 1px solid #cecece;
      z-index: 1;
    }
    #popupContact
    {
      display: none;
      position: fixed;
      _position: absolute;
      background:#ffffff;
      border: 2px solid #cecece;
      z-index: 2;
      padding: 12px;
      font-size: 13px;
    }

    #popupContact h1
    {
      text-align: left;
      color: #6FA5FD;
      font-size: 22px;
      font-weight: 700;
      border-bottom: 1px dotted #D3D3D3;
      padding-bottom: 2px;
      margin-bottom: 20px;
    }
    #popupContactClose
    {
      font-size: 14px;
      line-height: 14px;
      right: 6px;
      top: 4px;
      position: absolute;
      color: #6fa5fd;
      font-weight: 700;
      display: block;
    }

    .modify{
      cursor: pointer;
    }
  </style>

<link href="../../css/systemManagement/haiersoft.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/systemManagement/print.css" rel="stylesheet" type="text/css" media="print" />
<script src="../../js/systemManagement/jquery-1.10.1.min.js"></script>
<script src="../../js/systemManagement/side.js" type="text/javascript"></script>
<script src="../../js/systemManagement/usersInfo.js"></script>
</head>

<body>

<!--弹出层-->
<div id="popupContact">

  <div id="Popup">

    <!-- SubPopup -->
    <div id="SubPopup">
      <script type="text/javascript">
        $(function(){
          $(".select").each(function(){
            var s=$(this);
            var z=parseInt(s.css("z-index"));
            var dt=$(this).children("dt");
            var dd=$(this).children("dd");
            var _show=function(){dd.slideDown(200);dt.addClass("cur");s.css("z-index",z+1);};
            var _hide=function(){dd.slideUp(200);dt.removeClass("cur");s.css("z-index",z);};
            dt.click(function(){dd.is(":hidden")?_show():_hide();});
            dd.find("a").click(function(){dt.html($(this).html());_hide();});
            $("body").click(function(i){ !$(i.target).parents(".select").first().is(s) ? _hide():"";});})})
      </script>
      <div class="form_boxC">

        <p>"<span class="f_cB">*</span>"号为必填项目</p>
        <table cellpadding="0" cellspacing="0" style="width: 500px">
          <tr>
            <th width="100">用户名 <span class="f_cB">*</span></th>
            <td>
              <div class="txtbox floatL check" style="width:100px;">
                <input name="" type="text" size="5" value="13811111111">
              </div>
            </td>
          </tr>

          <tr>
            <th>姓名 <span class="f_cB">*</span></th>
            <td>
              <div class="txtbox floatL check" style="width:100px;">
                <input name="" type="text" size="5" value="张三">
              </div>
            </td>
          </tr>

          <tr>
            <th>所属部门 <span class="f_cB">*</span></th>
            <td><!-- selectbox -->
              <div class="selectbox check" style="width:230px;">
                <dl class="select">
                  <dt>防控部</dt>
                  <dd>
                    <ul>
                      <li><a href="#">部门A</a></li>
                      <li><a href="#">部门B</a></li>
                      <li><a href="#">部门C</a></li>
                      <li><a href="#">部门D</a></li>
                      <li><a href="#">部门E</a></li>
                    </ul>
                  </dd>
                </dl>
              </div>
              `</td>
          </tr>

          <tr>
            <th>性别 <span class="f_cB">*</span></th>
            <td>
              <div class="selectbox check" style="width:230px;">
                <dl class="select">
                  <dt>请选择</dt>
                  <dd><ul>
                    <li><a href="#"> 男 </a></li>
                    <li><a href="#"> 女 </a></li>
                  </ul></dd></dl>
              </div>
            </td>
          </tr>

          <tr>
            <th>负责林区 <span class="f_cB">*</span></th>
            <td>
              <div class="selectbox check" style="width:230px;">
                <dl class="select">
                  <dt>西山林区</dt>
                  <dd><ul>
                    <li><a href="#">林区A</a></li>
                    <li><a href="#">林区B</a></li>
                    <li><a href="#">林区C</a></li>
                    <li><a href="#">林区D</a></li>
                    <li><a href="#">林区E</a></li>
                  </ul></dd></dl>
              </div>
            </td>
          </tr>
          <tr>
            <th>是否启用</th>
            <td><input name="" type="checkbox" value=""></td>
          </tr>
          <tr>
            <th>E-Mail <span class="f_cB">*</span></th>
            <td><div class="txtbox floatL check"><input name="" type="text" value="zhangsan@qq.com"></div></td>
          </tr>

          <tr>
            <th>备注</th>
            <td>
              <div class="txtbox " style="background: none">
                <textarea style="width: 100%;resize: none" name="" cols="25" rows="5"></textarea>
              </div>
              <p class="f_cB pdg_t5">最多500字</p>
            </td>
          </tr>
        </table>
      </div>
    </div>
    <!-- SubPopup -->

    <div id="BtmBtn">
      <div class="btn_boxB floatR mag_l20">
        <input id="cancel" name="" type="button" value="取消"></div>
      <div class="btn_box floatR">
        <input id="confirm" name="" type="button" value="提交"></div>
    </div>
  </div>
</div>

<!-- MainForm -->
<div id="MainForm">
    <div class="form_boxA">
      <h2>注册用户信息表</h2>
      <table cellpadding="0" cellspacing="0">
        <tr>
          <th>序号</th>
          <th>所属部门</th>
          <th>手机号</th>
          <th>姓名</th>
          <th>用户信息1</th>
          <th>用户信息2</th>
          <th>负责片区</th>
          <th>状态</th>
          <th>操作</th>
        </tr>
        <tr class="bgcA">
          <td>1</td>
          <td>防控部</td>
          <td>13811111111</td>
          <td>张三</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>审核通过</td>
          <td><a class="modify">修改</a> | <a href="#">删除</a></td>
        </tr>

        <tr class="bgcB">
          <td>2</td>
          <td>防控部</td>
          <td>13811111111</td>
          <td>张三</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>审核通过</td>
          <td><a class="modify" data-value="2">修改</a> | <a href="#">删除</a></td>
        </tr>

        <tr class="bgcC">
          <td hidden>userId</td>
          <td>3</td>
          <td>防控部</td>
          <td>13811111111</td>
          <td>张三</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>审核通过</td>
          <td><a class="modify">修改</a> | <a href="#">删除</a></td>
        </tr>

        <tr class="bgcD">
          <td>4</td>
          <td>防控部</td>
          <td>13811111111</td>
          <td>张三</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>审核通过</td>
          <td><a class="modify">修改</a> | <a href="#">删除</a></td>
        </tr>

        <tr class="bgcA">
          <td>5</td>
          <td>防控部</td>
          <td>13811111111</td>
          <td>张三</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>审核通过</td>
          <td><a class="modify">修改</a> | <a href="#">删除</a></td>
        </tr>

        <tr class="bgcB">
          <td>6</td>
          <td>防控部</td>
          <td>13811111111</td>
          <td>张三</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>审核通过</td>
          <td><a class="modify">修改</a> | <a href="#">删除</a></td>
        </tr>

        <tr class="bgcC">
          <td>7</td>
          <td>防控部</td>
          <td>13811111111</td>
          <td>张三</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>审核通过</td>
          <td><a class="modify">修改</a> | <a href="#">删除</a></td>
        </tr>

        <tr class="bgcD">
          <td>8</td>
          <td>防控部</td>
          <td>13811111111</td>
          <td>张三</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>审核通过</td>
          <td><a class="modify">修改</a> | <a href="#">删除</a></td>
        </tr>

        <tr class="bgcA">
          <td>9</td>
          <td>防控部</td>
          <td>13811111111</td>
          <td>张三</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>审核通过</td>
          <td><a class="modify">修改</a> | <a href="#">删除</a></td>
        </tr>

        <tr class="bgcB">
          <td>10</td>
          <td>防控部</td>
          <td>13811111111</td>
          <td>张三</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>12500.00</td>
          <td>审核通过</td>
          <td><a class="modify">修改</a> | <a id="delete" href="#">删除</a></td>
        </tr>
      </table>
      <p class="msg">共找到47条用户信息记录，当前显示从第1条至第10条</p>

    </div>
    <!-- PageNum -->
    <ul id="PageNum">
      <li><a href="#">首页</a></li>
      <li><a href="#">上一页</a></li>
      <li><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
      <li><a href="#">5</a></li>
      <li><a href="#">6</a></li>
      <li><a href="#">下一页</a></li>
      <li><a href="#">尾页</a></li>
    </ul>
  </div>

</body>

</html>